.waterfall
		transition all 1s ease
	.dt-container
		padding 10px
		.waterfall-wrap
			position relative
			width 100%
			list-style none
			transition all .3s ease
			.waterfall-list
				position relative
				float left
				width (100 / 8) + 0%
				padding 6px
				cursor pointer
				transition all .3s ease
				.content
					position relative
					width 100%
					background-color #fff
					box-shadow 0 6px 10px 0 rgba(7,17,27,.1)
					transition all .3s ease
					border 2px solid #fe7360
					border-radius 6px
					overflow hidden
					&:after
						display block
						position absolute
						top 0
						left 0
						width 100%
						height 100%
						background-color rgba(0,0,0,.6)
						opacity 0
						transition all .3s ease
						content ''
					&:hover
						box-shadow 0 8px 16px 0 rgba(7,17,27,.2)
						&:after
							opacity 1
						.dt-top 
							> img 
								transform scale(1.2)
					.dt-top
						width 100%
						overflow hidden
						> img 
							max-width 100%
							display block
							margin 0 auto
							transform scale(1)
							transition all 1s ease-out
					.dt-body
						padding 5px 3px
						> p 
							margin-bottom 3px
					.look-img
						position absolute
						width 57px
						height 32px
						top 50%
						left 50%
						margin-left -28.5px
						margin-top -15.5px
						background-image url('../image/yj.png')
						background-size 57px 32px
						background-repeat no-repeat
						opacity 0
						transform scale(2)
						transition: all .3s ease
						z-index 100
					&:hover
						.look-img
							opacity 1
							transform scale(1)